section {
  overflow: hidden;
}
section {
  background: #fff;
  min-width: 1220px;
  min-height: 600px;
  .list-nav-margin-top {
    margin-top: 0;
    overflow: hidden;
  }

  .container {
    margin-left: auto;
    margin-right: auto;
    width: 1220px;
    .breadcrumb-list h1, .breadcrumb-list h2, .breadcrumb-list h3, .breadcrumb-list h4, .breadcrumb-list h5, .breadcrumb-list h6 {
      display: inline-block;
    }
    .margin-top-10 {
      margin-top: 10px !important;
    }
    .margin-bottom-20 {
      margin-bottom: 20px !important;
    }
    .masonry {
      -webkit-padding-start: 0px;
    }
    .per-width-100 {
      width: 100%;
    }
    .text-center {
      text-align: center !important;
    }
    .breadcrumb-list{
      .select-info .select-crumb {
        color: #333;
        a {
          font-size: 12px;
          color: #666;
        }
      }
      .select-info{
        li{
          display: inline-block;
          h6 {
            display: inline-block;
            a {
              border: 1px solid #33B371;
              color: #33B371;
              padding: 2px 10px;
            }
          }
        }

      }
      .breadcrumb-list ul>li {
      color: #33B371;
      display: inline-block;
      font-size: 12px;
        span {
          color: #666;
          font-size: 12px;
        }
      }
    }
    .select-condition {
      border: 1px solid #dbdbdb;
      width: 1205px;
      margin-left: 0;
      margin-right: 0;
      dl {
        border-top: 1px dotted #f0f0f0;
        height: 45px;
        margin: 0;
        overflow: hidden;
        position: relative;
        dt {
          background: #f0f0f0;
          color: #999;
          font-size: 12px;
          font-weight: bold;
          float: left;
          height: 100%;
          line-height: 48px;
          position: absolute;
          text-align: center;
          width: 80px;

        }
        dt {
          background: #fafafa;
          color: #bbb;
          font-size: 12px;
          font-weight: bold;
          height: 100%;
          line-height: 48px;
          position: absolute;
        }
        dd {
          margin: 0 30px 0 90px;
          a {
            color: #666;
            display: inline-block;
            font-size: 12px;
            margin-top: 5px;
            padding: 10px;
            width: 65px;
          }
          .on{color: #00aa46}
        }
      }
      dl:first-child {
        border-top: 0;
      }
    }
    ul{
      position: relative;
      .item-small {
        min-height: 170px;
        width: 290px;
        overflow: hidden;
        .list-title {
          background: #fff;
          border: 1px solid #ddd;
          border-top: 0;
          bottom: 0;
          height: 42px;
          line-height: 48px;
          position: absolute;
          width: 288px;
          a {
            display: inline-block;
            width: 290px;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            line-height: 21px;font-size:14px;
            color: #333;
          }
          a:hover{
            color: #0cb469;
          }
        }
      }
      .item {
        background: #f6f6f6;
        float: left;
        margin-bottom: 20px;
        .share-right {
          right: 0;
        }
        .photo-share {
          background: #33B371;
          color: #fff;
          display: none;
          height: 30px;
          padding: 0 10px;
          position: absolute;
          top: 0;
          text-align: center;
          .share-photo-ct {
            position: relative;
            z-index: 1;
            i {
              display: inline-block;
              float: left;
              margin-right: 5px;
              margin-top: 5px;

            }
            span {
              float: left;
              margin-right: 5px;
              margin-top: 5px;
            }
            label {
              float: left;
              margin-top: 6px;
            }
          }
        }
        .masonry-share {
          bottom: 42px;
          display: none;
          left: 0;
          position: absolute;
          width: 100%;
          span:first-child {
            margin-left: 0;
          }

          span {
            color: #fff;
            cursor: pointer;
            display: inline-block;
            float: left;
            font-size: 12px;
            margin-left: 1%;
            padding: 5.59px;

            position: relative;
            text-align: center;
            width: 45.5%;
            label {
              background: #33B371;
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
              opacity: .9;
            }
            em {
              position: relative;
              z-index: 2;
              font-style: normal;
            }
          }
        }
      }
      .item:hover .photo-share,.item:hover .masonry-share {
        display: block;
        a{
          color:#FFF;
        }
      }

    }
  }
}
.masonry{
  min-height: 600px;
  li{
    position: absolute;
  }
  padding-bottom: 30px;
}
.select-more {
  position: absolute;
  right: 15px;
  text-align: center;
  top: 15px;
  width: 20px;
  span {
    color: #999;
    display: inline-block;
    background-image: url(http://static.fuwo.com/meitu/images/new/common/share-se5df6c50d5.png);
    background-repeat: no-repeat;


  }
}
.share-icon-san-down {
  background-position: -34px -16px;
  height: 6px;
  width: 10px;
}
.share-icon-san-more{
  background-position: -24px -16px;
  height: 6px;
  width: 10px;
}
.pages-box{
  text-align: center;padding-bottom: 50px;
  .pages{
    span,a{
      width: 30px;height: 30px;line-height: 30px;display: inline-block;

    }
    .next,.prev{width: 60px;display: inline-block;height: 30px;line-height: 30px;}
    .end{display: none;}
    .current{color: #f5b029}
  }

}